@charset"utf-8";
*{
    padding: 0;
    margin: 0;
}
$font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
header{
    background-color: #ebebeb;
    
    .header{
        height: 67px;
        width: 998px;
        margin: 0 auto;
//      background-color: skyblue;
        
        position: relative;
        .logo{
            width: 167px;
            height: 43px;
            background: url(../img/huaweiLogo.png);
           margin: 12px 18px 0 4px;
            float: left;
        }
        .name{
            float: left;
            font: 18px;
            font-weight: normal;
            line-height: 50px;
            margin: 12px 0 0 20px;
           
        }
        &::after{
            content: "";
            width: 2px;
            height: 18px;
            display: block;
            background: #ccc;
            clear: both;
            position: absolute;
            top:30px;
            left: 185px;
        }  
    }
}

section{
    background: #081638;
    .login_bg{
        width: 1130px;
        height: 590px;
        margin: 0 auto;
        background-image: url(../img/login_default_bg.png);
        
        .log{
            width: 380px;
            height: 530px;
            background-color: white;
            float: right;
            margin: 30px 0;
            
            .h{
                margin: 24px auto;
                text-align: center;
                span{
                    display: inline-block;
                    width: 169px;
                    font: 20px $font-family;
               
                    & + span{
                        border-left: 1px solid #ccc;
                    }
                }
            }
            .b-account{
                width: 328px;
                margin: 0 auto;
                input[type="button"]{
                    width: 100px;
                    height: 20px;
                    background-image: linear-gradient(180deg, #ffffff 0%,#f3f3f3 100%);
                }
            }
        }
        
    }
}
